<template>
	<view class="myBox">
		<!-- #ifdef APP-PLUS -->
		<view class="status_bar">
			<view class="top_view"></view>
		</view>
		<!-- #endif -->
		<uni-nav-bar :fixed='true'>
			<text class="headTitle">我的</text>
			<view slot="right">
				<view class="myPJ" @click="myPingjia">
					我的评价
				</view>
			</view>
		</uni-nav-bar>
		<block v-for="(item, index) in inforList">
			<view class="headBox">
				<view class="headUserinfor me-fx-row-start-c">
					<view class="headPicBox">
						<image :src="item.avatar" mode="" class="headPic"></image>
					</view>
					<view class="headPicBoxRight ">
						<view class="headNick me-fx-row-start-c">
							<text>{{item.username}}</text>
							<image src="../../static/img/vip.png" mode="" v-if="item.is_member"></image>
						</view>
						<view class="me-fx-row-start-c lickList">
							<text v-for="(itemcertify,index) in item.certify_tag_id_collection">{{itemcertify}}</text>
						</view>
					</view>
				</view>
				<view class="centerListBox me-fx-row-sb-c">
					<view class="centerList me-fx-col-c-c" @click="gerenData">
						<image src="../../static/img/newimg/qq.png" mode=""></image>
						<view class="">
							个人资料
						</view>
					</view>
					<view class="centerList me-fx-col-c-c" @click="walletBtn">
						<image src="../../static/img/newimg/rr.png" mode=""></image>
						<view class="">
							钱包
						</view>
					</view>
					<view class="centerList me-fx-col-c-c" @click="myWork">
						<image src="../../static/img/newimg/wew.png" mode=""></image>
						<view class="">
							我的作品
						</view>
					</view>
					<view class="centerList me-fx-col-c-c" @click="myLick">
						<image src="../../static/img/newimg/1a.png" mode=""></image>
						<view class="">
							喜欢
						</view>
					</view>
				</view>
			</view>
			<view class="functionList  me-fx-row-sb-c">
				<view class="listBox me-fx-col-c-c" @click="openVip" v-if="item.gender">
					<image src="../../static/img/newimg/a10.png" mode=""></image>
					<view class="">
						会员
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="attestationBtn" v-if="attestation">
					<image src="../../static/img/newimg/ff.png" mode=""></image>
					<view class="">
						认证中心
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="photo">
					<image src="../../static/img/newimg/a5.png" mode=""></image>
					<view class="">
						照片
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="picPrivacy">
					<image src="../../static/img/newimg/a4.png" mode=""></image>
					<view class="">
						相册隐私
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="blacklistBtn">
					<image src="../../static/img/newimg/a9.png" mode=""></image>
					<view class="">
						黑名单
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="shareShow=true">
					<image src="../../static/img/newimg/a8.png" mode=""></image>
					<view class="">
						分享
					</view>
				</view>
				<view class="listBox me-fx-col-c-c relative">
					<image src="../../static/img/newimg/yqm.png" mode=""></image>
					<view class="">
						邀请码
					</view>
					<!-- <text>{{222222}}</text> -->
				</view>
				<view class="listBox me-fx-col-c-c" @click="settingBtn">
					<image src="../../static/img/newimg/a1.png" mode=""></image>
					<view class="">
						设置
					</view>
				</view>
				<view class="listBox me-fx-col-c-c">
					<image src="../../static/img/newimg/a11.png" mode=""></image>
					<view class="">
						客服
					</view>
				</view>
				<view class="listBox me-fx-col-c-c" @click="complaintService">
					<image src="../../static/img/newimg/a2.png" mode=""></image>
					<view class="">
						投诉客服
					</view>
				</view>
				<view class="listBox me-fx-col-c-c relative">
					<image src="../../static/img/newimg/a7.png" mode=""></image>
					<view class="">
						当前版本
					</view>
					<text>{{1.0}}</text>
				</view>
				<view class="listBox me-fx-col-c-c">
				</view>
			</view>
		</block>
		<view class="Covering" v-if="evaluate">
			<view class="evaluateBox">
				<image src="../../static/img/f6b8c0d387a54a3aa017c1e17b074df.png" mode="" class="evaluatePic"></image>
				<image src="../../static/img/xx.png" mode="" class="xx" @click="xx"></image>
				<view class="evaluateBottom">
					<view class="evaluateListBox me-fx-st-c">
						<view class="evaluateList" v-for="(item,index) in evaluateList">
							<view class="evaluateFont">
								{{item.name}}
							</view>
							<view class="evaluateNum">
								{{item.eva_tag_log_count}}
							</view>
						</view>
					</view>
				</view>
			</view>
		</view>
		
		<!-- 相册隐私 -->
		<view class="Covering" v-if="selectListShow">
			<view class="bottomFiex">
				<view class="FiexTop" v-if="picShow">
					<view class="selectList">
						选择上传类型
					</view>
					<view class="" @click="selectBtn(item.id,item.name,index)" v-for="(item, index) in selectList">
						{{item.name}}
					</view>
				</view>
				<view class="FiexTop" v-if="jurisdiction">
					<view class="titleLeft">
						该图片阅览权限
					</view>
					<view class="left" @click="jurisdictionBtn(item.name,item.id,index)" v-for="(item, index) in jurisdictionList">
						{{item.name}}
					</view>
				</view>
				<view class="FiexBottom" @click="cancelBtn">
					取消
				</view>
			</view>
		</view>
		<!-- 分享 -->
	<!-- 	<view class="Covering" v-if="shareShow">
			<view class="bottomShare">
				<view class="">
					选择你分享的地方吧
				</view>
				<view class="me-fx-row-sb-c picBoxList">
					<image src="../../static/img/weixinShare.png" mode="" @click="weixinBtn"></image>
					<image src="../../static/img/fridesShare.png" mode="" @click="pengyouquanBtn"></image>
				</view>
				<image src="../../static/img/xx.png" mode="" class="shareXX" @click="shareXX"></image>
			</view>
		</view> -->
		<!-- 查看相册 -->
		<view class="Covering" v-if="lookHbShow">
			<view class="lookHb">
				<view class="titleWeight">
					设置查看该照片所需的红包
				</view>
				<input type="text" value="" placeholder="请输入金额" v-model="inputValu"/>
				<view class="btnBox me-fx-row-sb-c">
					<view class="lookCancel" @click="lookHbShow=false">
						取消
					</view>
					<view class="lookSure" @click="surePay">
						确定
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		url
	} from '@/utils/api'
	export default {
		data() {
			return {
				fileList: [],
				InvitationCode: '',
				action: url + '/image/upload',
				evaluate: false,
				inforList: [],
				selectList: [],
				selectListShow: false,
				Index: -1,
				picShow: false,
				jurisdiction: true,
				jurisdictionList: [],
				upLoadurl: '',
				type: '',
				permission: '',
				havePicList: [],
				uploadBtnShow: true,
				picFontShow: true,
				marginIndex: 0,
				attestation: true,
				vip: true,
				shareShow: false,
				id: '',
				picPrivacyJudge: false,
				picConter: '公开(推荐)',
				evaluateList: [],
				val: 'image',
				sourceTypeIndex: 0,
				jurisdictionID: -1,
				barHeight: 25,
				lookHbShow:false,
				inputValu:''


			}
		},
		created() {
			this.getuserInfo();
			this.phoneQX();
			this.picQX()
			this.typeData()
			this.tagEvaluate()
			this.getSystemStatusBarHeight()
		},
		methods: {
			//获取系统状态栏高度
			getSystemStatusBarHeight: function() {
				// #ifdef APP-PLUS
				var height = plus.navigator.getStatusbarHeight();
				this.barHeight = height;
				// #endif
				// #ifdef H5
				this.barHeight = 0;
				// #endif
			},
			myWork() {
				uni.navigateTo({
					url: '../commonPage/broadcast?name=' + 'work' + '&id=' + this.id
				})
			},
			tagEvaluate() {
				this.$u.get('/user/tag/list/own').then(res => {
						if (res) {
							this.evaluateList = res.data.list
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			surePay(){
				if(this.inputValu == ''){
					uni.showToast({
						title: '请输入金额',
						duration: 1000,
						icon: 'none'
					})
				}else{
					this.$u.put('/user/album/status/change', {
							status: this.jurisdictionID,
							fee:this.inputValu
						}).then(res => {
							if (res) {
								this.inputValu=''
								this.picPrivacyJudge = false
								this.lookHbShow=false
								uni.showToast({
									title: '设置成功',
									duration: 1000,
									icon: 'none'
								})
							}
						})
						.catch((res) => {
							console.log(res.message)
						})
				}
			},
			photo() {
				uni.navigateTo({
					url: '../my/photo'
				})
			},
			complaintService() {
				uni.navigateTo({
					url: '../my/complaintService'
				})
			},
			weixinBtn() {
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					type: 0,
					href: "http://uniapp.dcloud.io/",
					title: "uni-app分享",
					summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
					imageUrl: "../../static/img/fridesShare.png",
					success: function(res) {
						console.log("success:" + JSON.stringify(res));
					},
					fail: function(err) {
						console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			pengyouquanBtn() {
				uni.share({
					provider: "weixin",
					scene: "WXSenceTimeline",
					type: 0,
					href: "http://uniapp.dcloud.io/",
					title: "uni-app分享",
					summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
					imageUrl: "../../static/img/fridesShare.png", 
					success: function(res) {
						console.log("success:" + JSON.stringify(res));
					},
					fail: function(err) {
						console.log("fail:" + JSON.stringify(err));
					}
				});
			},
			picPrivacy() {
				this.picPrivacyJudge = true;
				this.selectListShow = true
				this.picShow = false
			},
			typeData() {
				this.$u.get('/user/album/file/type_list').then(res => {
						if (res) {
							this.selectList = res.data.data
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			picQX() {
				this.$u.get('/user/album/status_list').then(res => {
						if (res) {
							this.jurisdictionList = res.data.data
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			settingBtn() {
				uni.navigateTo({
					url: '../my/setting'
				})
			},
			phoneQX() {
				this.$u.get('/user/album/index').then(res => {
						if (res) {
							if (res.data.data.file) {
								this.havePicList = res.data.data.file
							} else {
								this.havePicList = res.data.data
							}
							console.log(res.data.data, 'this.havePicList')
							if (res.data.data.file.length > 0) {
								this.picFontShow = false
							} else {
								this.picFontShow = true
							}
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			blacklistBtn() {
				uni.navigateTo({
					url: '../my/blacklist'
				})
			},
			openVip() {
				uni.navigateTo({
					url: '../my/openMember'
				})
			},
			picXX(id) {
				console.log(id, 'id')
				this.$u.delete('/user/album/file/delete', {
						id
					}).then(res => {
						if (res) {
							uni.showToast({
								title: res.message,
								duration: 1000,
								icon: 'none'
							})
							this.phoneQX()
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			attestationBtn() {
				uni.navigateTo({
					url: "../commonPage/attestation"
				})
			},
			getuserInfo() {
				this.$u.get('/user/my/info').then(res => {
						if (res) {
							this.inforList = res.data
							this.id = res.data.data.id
						}
					})
					.catch((res) => {
						console.log(res.message)
					})
			},
			shareXX() {
				this.shareShow = false
			},
			myPingjia() {
				this.evaluate = true
			},
			myLick() {
				uni.navigateTo({
					url: '../my/myLick'
				})
			},
			gerenData() {
				uni.navigateTo({
					url: '../my/personalData'
				})
			},
			walletBtn() {
				uni.navigateTo({
					url: '../my/wallet'
				})
			},
			xx() {
				this.evaluate = false
			},
			selectBtn(id, name,index) {
				this.selectListShow = true
				this.jurisdiction = true
				this.picShow = false
				this.type = id
				if (name == '视频') {
					this.val = 'video'
				} else {
					this.val = 'image'
				}
				console.log(name, 'name')
			},
			cancelBtn() {
				this.selectListShow = false
			},
			uploadingBtn() {
				this.selectListShow = true
				this.picShow = true
				this.jurisdiction = false
			},
			jurisdictionBtn(name, id,index) {
				this.selectListShow=false
				this.jurisdictionID = id
				
				if((index + 1)== 2){
					this.lookHbShow= true
				}else {
					if (this.picPrivacyJudge) {
						this.picConter = name
						this.selectListShow = false
						this.$u.put('/user/album/status/change', {
								status: id
							}).then(res => {
								if (res) {
									this.picPrivacyJudge = false
									uni.showToast({
										title: '设置成功',
										duration: 1000,
										icon: 'none'
									})
								}
							})
							.catch((res) => {
								console.log(res.message)
							})
					} else {
						this.picPrivacyJudge = false
						this.upload();
					}
				}
				
				this.permission = name
				this.id = id
			},
			upload() {
				if (this.type == '1') {
					uni.chooseImage({
						success: (chooseImageRes) => {
							console.log(chooseImageRes, 'chooseImageRes')
							const tempFilePaths = chooseImageRes.tempFilePaths;
							uni.uploadFile({
								url: url + '/image/upload', //仅为示例，非真实的接口地址
								filePath: tempFilePaths[0],
								// name: 'file',
								// formData: {
								//     'user': 'test'
								// },
								fileType: 'image',
								success: (res) => {
									let resData = JSON.parse(res.data)
									if (resData.code == 200) {
										this.upLoadurl = resData.url
										this.uploadPhone();
										this.selectListShow = false
									}
								}
							});
						}
					});
				} else {
					this.chooseVideo()
				}
			},
			chooseVideo() {
				uni.chooseVideo({
					maxDuration: 10,
					count: 1,
					camera: 'video',
					sourceType: ['camera'],
					success: (res) => {
						let url = res.tempFilePath
						console.log(JSON.stringify(res.tempFilePath), '视频')
						// url =JSON.stringify(res.tempFilePath)
						//#ifdef APP-PLUS
						console.log(res, 'res')
						plus.io.resolveLocalFileSystemURL(url, (entry) => {
							console.log(entry, 'entry')
							entry.file((file) => {
								console.log(file, 'file')
								const fileReader = new plus.io.FileReader();
								fileReader.onloadend = function(e) {
									console.log(e, '转化后的路径')

								};
								fileReader.readAsDataURL(file);
							});
						});
						//#endif
						let src = url;
						let data = {
							type: this.type,
							permission: this.id,
							file: src
						}
						this.$u.post('/user/album/file/add', data).then(res => {
								if (res) {
									this.havePicList.push(this.upLoadurl)
									this.picFontShow = false
									this.marginIndex = 1
									this.phoneQX()
								}
							})
							.catch((res) => {
								console.log(res.message)
							})
					}
				})
			},

			uploadPhone() {
				let data = {
					type: this.type,
					permission: this.id,
					file: this.upLoadurl
				}
				this.$u.post('/user/album/file/add', data).then(res => {
						if (res) {
							this.havePicList.push(this.upLoadurl)
							this.picFontShow = false
							this.marginIndex = 1
							this.phoneQX()
						}
					})
					.catch((res) => {
						console.log(res.message)
					})

			}
		}
	}
</script>

<style>
	.relative{
		position: relative;
	}
	.relative text {
		position: absolute;
		top: 0;
		right: 0;
		height:43rpx;
		background:rgba(245,245,245,1);
		padding: 0 13rpx;
		font-size:28rpx;
		color:rgba(102,102,102,1);
	}
	.status_bar,
	.top_view {
		background-color: white;
	}

	.functionList {
		width: 96%;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 0rpx 28rpx 0rpx rgba(229, 232, 235, 0.6);
		border-radius: 8rpx;
		flex-wrap: wrap;
		margin: auto;
		margin-top: 100rpx;
		overflow: hidden;
		margin-bottom: 120rpx;
	}

	.functionList .listBox {
		width: 33.3%;
		border: 1rpx solid #F5F5F5;
		height: 224rpx;
	}

	.listBox view {
		margin-top: 28rpx;
		font-size: 28rpx;
		color: rgba(51, 51, 51, 1);
	}

	.functionList .listBox image {
		width: 60rpx;
		height: 60rpx;
		display: block;
	}

	.myBox {
		width: 100%;
		height: 100%;
		background-color: white;
	}

	.headBox {
		background: url(../../static/img/5bbdbb7640c84154fdd5ad2ed263f46.png) no-repeat center center;
		width: 96%;
		height: 356rpx;
		position: relative;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 10rpx;
	}

	/* .bgc{
		width: 96%;
		height: 356rpx;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		border-radius: 10rpx;
		margin: auto;
	} */
	.centerListBox {
		height: 174rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 10rpx 18rpx 0rpx rgba(229, 232, 235, 0.6);
		border-radius: 8rpx;
		width: 90%;
		margin: auto;
		position: absolute;
		bottom: -70rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.centerListBox .centerList {
		width: 25%;
	}

	.centerList image {
		width: 56rpx;
		height: 50rpx;
		display: block;
	}

	.centerList view {
		margin-top: 24rpx;
	}

	.headUserinfor {
		padding: 60rpx 30rpx 60rpx;
	}

	.headPicBox {
		width: 128rpx;
		height: 128rpx;
		background: rgba(235, 247, 255, 1);
		border-radius: 50%;
		text-align: center;

	}

	.headPicBoxRight {
		margin-left: 30rpx;
	}

	.headPic {
		width: 116rpx;
		height: 116rpx;
		border-radius: 50%;
		margin-top: 50%;
		transform: translateY(-50%);
	}

	.headNick text {
		font-size: 40rpx;
		font-weight: bold;
		color: rgba(255, 255, 255, 1);
	}

	.headNick image {
		width: 50rpx;
		height: 25rpx;
		display: block;
		margin-left: 10rpx;
	}

	.lickList text {
		border-radius: 17rpx;
		height: 34rpx;
		text-align: center;
		color: #FFFEFE;
		background-color: #2D28FF;
		box-sizing: border-box;
		margin: auto;
		font-size: 24rpx;
		padding: 0rpx 20rpx;
		margin-right: 10rpx;
		margin-top: 10rpx;
		line-height: 34rpx;
	}

	.bottomFiex {
		width: 96%;
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		font-size: 36rpx;
	}

	.lookHb {
		width: 90%;
		background-color: white;
		border-radius: 6rpx;
		margin: 40% auto;
	}

	.bottomFiex .FiexTop {
		background-color: white;
		border-radius: 6rpx;
	}

	.FiexTop view {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 32rpx;
	}

	.FiexTop view:nth-of-type(n-1) {
		border-bottom: 1rpx solid #999;
	}

	.FiexBottom {
		background-color: white;
		height: 110rpx;
		line-height: 110rpx;
		border-radius: 6rpx;
		margin-top: 30rpx;
	}

	.bottomBorder {
		border-top: 1rpx solid rgba(236, 235, 235, 1);
	}

	.selectList {
		color: #999999;
	}

	.titleLeft {
		text-align: left;
		font-weight: 700;
		padding-left: 38rpx;
	}

	.FiexTop .left {
		text-align: left;
		padding-left: 38rpx;
	}

	.lookHb {
		padding: 50rpx 38rpx;
	}

	.lookHb .titleWeight {
		font-weight: 700;
		font-size: 36rpx;
	}

	.lookHb input {
		width: 614rpx;
		height: 120rpx;
		background: rgba(255, 255, 255, 1);
		border: 1rpx solid rgba(237, 237, 237, 1);
		border-radius: 8rpx;
		font-size: 32rpx;
		line-height: 120rpx;
		margin: 39rpx 0 62rpx;
		padding-left: 31rpx;
		font-size: 32rpx;
		color: rgba(51, 51, 51, 1);
		box-sizing: border-box;
	}

	.bottomShare {
		width: 100%;
		height: 381rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		padding: 20rpx;
	}

	.picBox {
		width: 60%;
	}

	.picBox image {
		width: 100%;
		height: 100%;
		display: block;
	}

	.picBox video {
		width: 100%;
		height: 100%;
		display: block;
	}

	.shareXX {
		width: 47rpx;
		height: 46rpx;
		display: block;
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.myBox /deep/.uni-navbar--fixed {
		width: 100%;
	}

	.picBoxList image {
		width: 110rpx;
		height: 110rpx;
		display: block;
	}

	.picBoxList {
		width: 60%;
		margin: 60rpx auto;
	}

	.evaluateBox {
		width: 80%;
		margin: 300rpx auto;
		background-color: white;
		border-radius: 20rpx;
		position: relative;
		overflow: hidden;
	}

	.evaluateBox .evaluatePic {
		width: 101%;
		height: 152rpx;


	}

	.evaluateBox .xx {
		width: 30rpx;
		height: 30rpx;
		display: block;
		position: absolute;
		top: 20rpx;
		right: 20rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(33, 36, 56, 0.15);
		opacity: 0.4;
		border-radius: 50%;
		padding: 20rpx;
	}

	.evaluateBottom {
		padding: 0rpx 0rpx 20rpx;
	}

	.evaluateBottom view {
		text-align: center;
	}

	.evaluateBottom .evaluateTa {
		position: relative;
		margin: 10rpx 20rpx;
	}

	.evaluateBottom .evaluateTa::before {
		content: ' ';
		width: 180rpx;
		height: 1rpx;
		background-color: #DCDCDC;
		position: absolute;
		top: 50%;
		left: 2rpx;
		transform: translateY(-50%);

	}

	.evaluateList {
		width: 25%;
		margin-left: 6%;
		margin-bottom: 6rpx;
	}

	.evaluateList .evaluateFont {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: white;
		border-radius: 20rpx;
		background-color: rgba(129, 75, 253, 1);
		font-size: 30rpx;
	}

	.evaluateListBox {
		width: 100%;
		padding: 20rpx 0;
		flex-wrap: wrap
	}

	.headTitle {
		font-size: 36rpx;
		color: rgba(51, 51, 51, 1);
	}

	.myPJ {
		font-size: 30rpx;
		font-weight: bold;
	}
	.lookHb {
		width: 90%;
		background-color: white;
		border-radius: 6rpx;
		margin: 40% auto;
	}
	
	.bottomFiex .FiexTop {
		background-color: white;
		border-radius: 6rpx;
	}
	
	.FiexTop view {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 32rpx;
	}
	
	.FiexTop view:nth-of-type(n-1) {
		border-bottom: 1rpx solid #999;
	}
	
	.FiexBottom {
		background-color: white;
		height: 110rpx;
		line-height: 110rpx;
		border-radius: 6rpx;
		margin-top: 30rpx;
	}
	
	.bottomBorder {
		border-top: 1rpx solid rgba(236, 235, 235, 1);
	}
	
	.selectList {
		color: #999999;
	}
	
	.titleLeft {
		text-align: left;
		font-weight: 700;
		padding-left: 38rpx;
	}
	
	.FiexTop .left {
		text-align: left;
		padding-left: 38rpx;
	}
	
	.lookHb {
		padding: 50rpx 38rpx;
	}
	
	.lookHb .titleWeight {
		font-weight: 700;
		font-size: 36rpx;
	}
	
	.lookHb input {
		width: 614rpx;
		height: 120rpx;
		background: rgba(255, 255, 255, 1);
		border: 1rpx solid rgba(237, 237, 237, 1);
		border-radius: 8rpx;
		font-size: 32rpx;
		line-height: 120rpx;
		margin: 39rpx 0 62rpx;
		padding-left: 31rpx;
		font-size: 32rpx;
		color: rgba(51, 51, 51, 1);
		box-sizing: border-box;
	}
	.btnBox .lookSure {
		background-color: #824CFE;
		color: white;
	}
	
	.btnBox .lookCancel {
		background: rgba(255, 255, 255, 1);
		color: #824CFE;
	}
	.btnBox view {
		width: 292rpx;
		height: 88rpx;
		border: 1rpx solid rgba(130, 76, 254, 1);
		border-radius: 10px;
		text-align: center;
		line-height: 88rpx;
	}
	.lookHb .titleWeight {
		font-weight: 700;
		font-size: 36rpx;
	}
	/* .myEvaluate {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		text-align: right;
		color: #CACBCC;
		font-size: 32rpx;
		padding-right: 20rpx;
		box-sizing: border-box;
		background-color: white;
	}

	.margin-0 {
		margin: 0 !important;
	}

	.myFunction {
		margin: 0 auto 0rpx;
		padding: 50rpx 128rpx 50rpx;
	}

	.myFunction image {
		width: 64rpx;
		height: 58rpx;
		margin-bottom: 7rpx;
	}

	.myHeadBox {
		width: 100%;
		padding-top: 20rpx;
		margin-bottom: 100rpx;
		background-color: white;
	}

	.myHeadBox .myHeadAge {
		width: 100%;
		text-align: center;
		margin: 10rpx 0 40rpx;
	}

	.myHeadBox .myHead {
		width: 160rpx;
		height: 160rpx;
		border-radius: 20rpx;
		margin-left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}

	.approveCenter {
		width: 100%;
		height: 120rpx;
		font-size: 30rpx;
		line-height: 120rpx;
		font-weight: 700;
		border-top: 10rpx solid #F5F5F5;
		padding: 0 20rpx;
		box-sizing: border-box;
	}

	.approveCenter image {
		width: 10rpx;
		height: 20rpx;
	}

	.approveCenter .approveCenterFont {
		font-size: 28rpx;
		color: rgba(153, 153, 153, 1);
		margin-right: 10rpx;
		font-weight: 400;
	}

	.uploadingBox {
		border-top: 10rpx solid #F5F5F5;
		padding: 30rpx 20rpx 20rpx;
		box-sizing: border-box;

	}

	.uploadingBox .picBox {
		width: 200rpx;
		height: 200rpx;
		margin-right: 7%;
		margin-bottom: 4%;
		position: relative;
	}

	.uploadingBox :nth-of-type(3n) {
		margin-right: 0 !important;
	}

	.picBox .picXX {
		position: absolute;
		top: -10rpx;
		right: -10rpx;
		width: 48rpx;
		height: 48rpx;
		background: rgba(0, 0, 0, 1);
		box-shadow: 0rpx 3rpx 10rpx 0rpx rgba(34, 37, 57, 0.15);
		opacity: 0.4;
		border-radius: 50%;
	}

	.picBox .picXX image {
		width: 26rpx;
		height: 26rpx;
		display: block;
		margin: 50% auto;
		transform: translateY(-50%);
	}

	.picBoxList image {
		width: 110rpx;
		height: 110rpx;
		display: block;
	}

	.picBoxList {
		width: 60%;
		margin: 60rpx auto;
	}

	.uploadingBox image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 6rpx;
	}

	.uploadingBtn {
		width: 200rpx;
		height: 200rpx;
		border: 1rpx dashed #CCCCCC;
		position: relative;
		margin-bottom: 4%;
	}

	.uploadingBtn::before {
		content: '';
		width: 80rpx;
		height: 2rpx;
		background-color: #CCCCCC;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.uploadingBtn::after {
		content: '';
		width: 2rpx;
		height: 80rpx;
		background-color: #CCCCCC;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.uploadingPic {
		text-align: center;
		margin: 18rpx 0;
		color: #C4C7CE;

	}

	.photoPrivacy {
		padding: 0 20rpx;
		height: 120rpx;
		line-height: 12rpx;
		border-top: 10rpx solid #F5F5F5;
	}

	.photoPrivacyRight {
		color: #CACBCC;
	}

	.photoPrivacyRight image,
	.shareFri image {
		width: 10rpx;
		height: 20rpx;
		margin-left: 10rpx;
	}

	.blacklistBox,
	.InvitationCodeBox,
	.haveQuest,
	.versions {
		border-top: 10rpx solid #F5F5F5;
	}

	.blacklistBox .blacklist,
	.blacklistBox .set,
	.InvitationCode,
	.shareFri,
	.haveHelp,
	.complaint,
	.versions {
		width: 100%;
		height: 100rpx;
		line-height: 100rpx;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.border {
		border-bottom: 1rpx solid #dee1e7;
	}

	.blacklist image,
	.set image {
		width: 10rpx;
		height: 20rpx;
	}

	.InvitationCodeBox {}

	.lickList {
		margin: 12rpx auto 0rpx;
		background-color: white;
		box-sizing: border-box;
		text-align: center;
		margin-top: 20rpx;
	}

	.lickList text {
		text-align: center;
		color: #939393;
		border-radius: 20rpx;
		background-color: #E6E5FF;
		box-sizing: border-box;
		margin: auto;
		background: rgba(230, 229, 255, 1);
		font-size: 24rpx;
		padding: 9rpx 20rpx;
		margin-right: 10rpx;
	}

	.time {
		width: 100%;
		background-color: white;
		text-align: center;
		margin: 20px 0;
		box-sizing: border-box;
	}

	.time text {
		margin: auto;
		width: 16%;
		text-align: center;
		color: #C0C0C0;
		border-radius: 20rpx;
		padding: 4rpx 10rpx;
		background-color: #CBD2FF;
		box-sizing: border-box;
	}

	.uploadingBox /deep/ .u-upload view {
		margin: auto;
	}

	.blur {
		color: rgba(91, 19, 255, 1);
	}

	.evaluateBox {
		width: 80%;
		margin: 300rpx auto;
		background-color: white;
		border-radius: 20rpx;
		position: relative;
		overflow: hidden;
	}

	.evaluateBox .evaluatePic {
		width: 101%;
		height: 152rpx;


	}

	.evaluateBox .xx {
		width: 30rpx;
		height: 30rpx;
		display: block;
		position: absolute;
		top: 20rpx;
		right: 20rpx;
		background: rgba(255, 255, 255, 1);
		box-shadow: 0rpx 3rpx 9rpx 0rpx rgba(33, 36, 56, 0.15);
		opacity: 0.4;
		border-radius: 50%;
		padding: 20rpx;
	}

	.evaluateBottom {
		padding: 0rpx 0rpx 20rpx;
	}

	.evaluateBottom view {
		text-align: center;
	}

	.evaluateBottom .evaluateTa {
		position: relative;
		margin: 10rpx 20rpx;
	}

	.evaluateBottom .evaluateTa::before {
		content: ' ';
		width: 180rpx;
		height: 1rpx;
		background-color: #DCDCDC;
		position: absolute;
		top: 50%;
		left: 2rpx;
		transform: translateY(-50%);

	}

	.evaluateBottom .evaluateTa::after {
		content: ' ';
		width: 180rpx;
		height: 1rpx;
		background-color: #DCDCDC;
		position: absolute;
		top: 50%;
		right: 2rpx;
		transform: translateY(-50%);
	}

	.evaluateList {
		width: 25%;
		margin-left: 6%;
		margin-bottom: 6rpx;
	}

	.evaluateList .evaluateFont {
		width: 100%;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		color: white;
		border-radius: 20rpx;
		background-color: rgba(129, 75, 253, 1);
		font-size: 30rpx;
	}

	.evaluateListBox {
		width: 100%;
		padding: 20rpx 0;
		flex-wrap: wrap
	}

	.anonymity {
		width: 80%;
		height: 100rpx;
		text-align: center;
		color: white;
		line-height: 100rpx;
		background-color: #0079F4;
		margin: 20rpx auto;
		border-radius: 20rpx;
	}

	.hint {
		color: red;
		text-align: center;
		font-size: 24rpx;
	}

	.bottomFiex {
		width: 96%;
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
		font-size: 36rpx;
	}

	.lookHb {
		width: 90%;
		background-color: white;
		border-radius: 6rpx;
		margin: 40% auto;
	}

	.bottomFiex .FiexTop {
		background-color: white;
		border-radius: 6rpx;
	}

	.FiexTop view {
		height: 110rpx;
		line-height: 110rpx;
		font-size: 32rpx;
	}

	.FiexTop view:nth-of-type(n-1) {
		border-bottom: 1rpx solid #999;
	}

	.FiexBottom {
		background-color: white;
		height: 110rpx;
		line-height: 110rpx;
		border-radius: 6rpx;
		margin-top: 30rpx;
	}

	.bottomBorder {
		border-top: 1rpx solid rgba(236, 235, 235, 1);
	}

	.selectList {
		color: #999999;
	}

	.titleLeft {
		text-align: left;
		font-weight: 700;
		padding-left: 38rpx;
	}

	.FiexTop .left {
		text-align: left;
		padding-left: 38rpx;
	}

	.lookHb {
		padding: 50rpx 38rpx;
	}

	.lookHb .titleWeight {
		font-weight: 700;
		font-size: 36rpx;
	}

	.lookHb input {
		width: 614rpx;
		height: 120rpx;
		background: rgba(255, 255, 255, 1);
		border: 1rpx solid rgba(237, 237, 237, 1);
		border-radius: 8rpx;
		font-size: 32rpx;
		line-height: 120rpx;
		margin: 39rpx 0 62rpx;
		padding-left: 31rpx;
		font-size: 32rpx;
		color: rgba(51, 51, 51, 1);
		box-sizing: border-box;
	}

	.btnBox view {
		width: 292rpx;
		height: 88rpx;
		border: 1rpx solid rgba(130, 76, 254, 1);
		border-radius: 10px;
		text-align: center;
		line-height: 88rpx;
	}

	.btnBox .lookCancel {
		background: rgba(255, 255, 255, 1);
		color: #824CFE;
	}

	

	.uploadonePic {
		text-align: center;
		margin-top: 30rpx;
	}

	.warp {
		flex-wrap: wrap;
	}

	.bottomShare {
		width: 100%;
		height: 381rpx;
		background: rgba(255, 255, 255, 1);
		border-radius: 24rpx 24rpx 0rpx 0rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		text-align: center;
		padding: 20rpx;
	}

	.picBox {
		width: 60%;
	}

	.picBox image {
		width: 100%;
		height: 100%;
		display: block;
	}

	.picBox video {
		width: 100%;
		height: 100%;
		display: block;
	}

	.shareXX {
		width: 47rpx;
		height: 46rpx;
		display: block;
		position: fixed;
		bottom: 20rpx;
		left: 50%;
		transform: translateX(-50%);
	}

	.myBox /deep/.uni-navbar--fixed {
		width: 100%;
	} */
</style>
